$(function(){
    console.log("一张网页，要经历怎样的过程，才能抵达用户面前？\r\n一位新人，要经历怎样的成长，才能站在技术之巅？\r\n探寻这里的秘密；\r\n体验这里的挑战；\r\n成为这里的主人.");

    $('.hidden-xs').text('选择参考图片');

    $('input[id=myphoto]').change(function() {  
      $('input[name=pic]').val($(this).val());  
    }); 

    /*//判断显示信息
    if($('.alert-danger').is(':visible')){
      $('.alert-danger').fadeOut(8000);
    }*/


/*-----------------------------表单验证---------------------------------------*/
	var CUSERNAME = false;
	var CPHONE = false;
	var CSTREET = false;
	var CNUMBER = false;
	var CNEED = false;



    //绑定表单提交事件
    $('form').submit(function(){
    	//触发所有的丧失事件
    	$('input').trigger('blur');
    	$('textarea').trigger('blur');
    	//验证所有的字段
    	if(CUSERNAME && CPHONE && CSTREET && CNUMBER && CNEED){
    		return true;
    	}else{
    		$('.alert-danger').css('display','block');
		    //判断显示信息
		    if($('.alert-danger').is(':visible')){
		    	$('.alert-danger').fadeOut(8666);
		    }
				return false;
		}
    })

    $('input[name=username]').blur(function(){
    	var name = $(this).val();
    	var reg = /[A-Za-z0-9_\-\u4e00-\u9fa5]+/;//用户名正则
    	var result = name.match(reg);

    	// var success = $('<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>');
    	// var error = $('<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>');
    	
    	if(result){
    		$(this).next().remove();
    		$(this).parent().addClass('has-success has-feedback').removeClass('has-error');
    		// mess.insertAfter($(this));
    		mySuccess($(this));
    		CUSERNAME = true;//添加成功时的全局变量
    	}else{
    		$(this).next().remove();
    		$(this).parent().addClass('has-error has-feedback');
    		// error.insertAfter($(this));
    		myError($(this));
    		CUSERNAME = false;//添加成功时的全局变量
    	}

    })

    $('input[name=phone]').blur(function(){
    	var phone = $(this).val();
    	var reg = /[0-9-()（）]{7,18}/;//电话正则
    	var result = phone.match(reg);

    	if(result){
    		$(this).next().remove();
    		$(this).parent().addClass('has-success has-feedback').removeClass('has-error');
    		mySuccess($(this));
    		CPHONE = true;
    	}else{
    		$(this).next().remove();
    		$(this).parent().addClass('has-error has-feedback');
    		myError($(this));
    		CPHONE = false;
    	}

    })

    $('input[name=street]').blur(function(){
    	var street = $(this).val();
    	var reg = /[A-Za-z0-9_\-\u4e00-\u9fa5]+/;//街道地址正则 ^[1-9]\d*$
    	var result = street.match(reg);

    	if(result){
    		$(this).next().remove();
    		$(this).parent().addClass('has-success has-feedback').removeClass('has-error');
    		mySuccess($(this));
    		CSTREET = true;
    	}else{
    		$(this).next().remove();
    		$(this).parent().addClass('has-error has-feedback');
    		myError($(this));
    		CSTREET = false;
    	}

    })

    $('input[name=number]').blur(function(){
    	var number = $(this).val();
    	var reg = /^[1-9]\d*$/;//正整数数量正则 
    	var result = number.match(reg);

    	if(result){
    		$(this).next().remove();
    		$(this).parent().addClass('has-success has-feedback').removeClass('has-error');
    		mySuccess($(this));
    		CNUMBER = true;
    	}else{
    		$(this).next().remove();
    		$(this).parent().addClass('has-error has-feedback');
    		myError($(this));
    		CNUMBER = false;
    	}

    })

    $('textarea[name=need]').blur(function(){
    	var need = $(this).val();
    	var reg = /[A-Za-z0-9_\-\u4e00-\u9fa5]+/;//文半框正则 ^[1-9]\d*$
    	var result = need.match(reg);

    	if(result){
    		$(this).next().remove();
    		$(this).parent().addClass('has-success has-feedback').removeClass('has-error');
    		mySuccess($(this));
    		CNEED = true;
    	}else{
    		$(this).next().remove();
    		$(this).parent().addClass('has-error has-feedback');
    		myError($(this));
    		CNEED = false;
    	}

    })

    if(CUSERNAME && CPHONE && CSTREET && CNUMBER && CNEED){
    	$('.btn').removeClass('disabled');
    }

    

	//样式封装 
    function mySuccess(obj){
    	var success = $('<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>');
    	var r = success.insertAfter(obj);
    	return r;
    }
    function myError(obj){
    	var error = $('<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>');
    	var r = error.insertAfter(obj);
    	return r;
    }


    
})